.yelloBlock {
    background-color: #ffdd64;
    opacity         : 0.5;
    position        : absolute;
    z-index         : 200;
    transition      : all 0.2s;

    &:hover {
        opacity: 0.8;
    }
}

.main {
    .intro {
        .left {
            .yb1 {
                width : 6rem;
                height: 6rem;
                left  : -3rem;
                bottom: 6rem;
            }

            .yb2 {
                width     : 6rem;
                height    : 6rem;
                right     : -3rem;
                top       : 50%;
                margin-top: -5rem;
            }

            .yb3 {
                width        : 3rem;
                height       : 3rem;
                bottom       : 0;
                left         : 60%;
                margin-bottom: -2rem;
            }

            .yb4 {
                width     : 1rem;
                height    : 1rem;
                left      : 3rem;
                top       : 80%;
                margin-top: -6rem;
            }

            .yb5 {
                width      : 1rem;
                height     : 1rem;
                left       : 3rem;
                bottom     : 0;
                left       : 60%;
                margin-left: 3rem;
                transform  : translateY(-1rem);
            }
        }

        .right {
            .yb1 {
                width    : 6rem;
                height   : 8rem;
                right    : 3rem;
                top      : 2rem;
                transform: translateX(1rem) translateY(-1rem);
            }

            .yb2 {
                width : 2rem;
                height: 2rem;
                right : 8rem;
                top   : 9rem;
            }
        }
    }

    .information {
        .left {
            position: relative;

            .yb1 {
                width : 4rem;
                height: 4rem;
                top   : -1rem;
                right : 1rem;
            }

            .yb2 {
                width : 4rem;
                height: 12rem;
                top   : 12rem;
                right : 1rem;
            }
        }

        .right {
            position: relative;

            .yb0 {
                width           : 6rem;
                height          : 4.6rem;
                left            : 1.5rem;
                top             : 58%;
                background-color: #2a2d36;
                z-index         : 300;
            }

            .yb1 {
                width           : 8rem;
                height          : 8rem;
                left            : 0;
                top             : 50%;
                background-color: #fff;
                opacity         : 1;
            }

            .yb2 {
                width    : 3rem;
                height   : 3rem;
                left     : 0;
                top      : 40%;
                transform: rotate(5deg);
            }

            .yb3 {
                width : 3rem;
                height: 3rem;
                left  : 35%;
                top   : 35%;
            }

            .yb4 {
                width           : 3rem;
                height          : 3rem;
                left            : 10%;
                top             : 20%;
                background-color: gray;
            }

            .yb5 {
                width           : 3rem;
                height          : 3rem;
                left            : 65%;
                top             : 30%;
                background-color: darkgray;
            }

            .yb6 {
                width           : 1.5rem;
                height          : 1.5rem;
                left            : 10%;
                top             : 20%;
                transform       : translateX(3rem) translateY(3rem);
                background-color: darkgray;
            }

            .yb7 {
                width           : 1.5rem;
                height          : 1.5rem;
                left            : 50%;
                top             : 45%;
                background-color: black;
            }

            .yb8 {
                width : 1rem;
                height: 1rem;
                left  : 45%;
                top   : 25%;
            }
        }
    }
}